/* 控件placeholder提示颜色 */
.form-control::-webkit-input-placeholder {color: #ccc;}
.form-control:-moz-placeholder {color: #ccc;}
.form-control::-moz-placeholder {color: #ccc;}
.form-control:-ms-placeholder {color: #ccc;}

/* 常用布局 */
/* 栏布局 */
.column-layout{display: table;width: 100%;}
.column-row{display: table-row;}
.column-col,.column-col-m,.column-col-l, .column-col-r, .column-col-ml, .column-col-mc, .column-col-mr{display: table-cell;vertical-align: top;}
.column-col-m{vertical-align: middle;}
.column-col-l{text-align: left;}
.column-col-r{text-align: right;}
.column-col-ml{vertical-align: middle;text-align: left;}
.column-col-mc{vertical-align: middle;text-align: center;}
.column-col-mr{vertical-align: middle;text-align: right;}
.column-full{width: 100%;}

/* ibox */
.ibox-head{line-height: 16px;padding-bottom: 10px;font-size: 16px;color: #333;}

/* dropdown */
.dropdown-menu{min-width:0}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: #515050;color:#fff;}

/* 按钮 */
.btn{background-color: #6699ff;color:#fff;}
.btn:hover, .btn:active, .btn:focus {background-color: #9966ff;border-color: #6699ff;color:#fff;}
.btn-warn{background-color: #ff7260;border-color: #f56f5d;}
.btn-warn:hover, .btn-warn:active, .btn-warn:focus{background-color: #f56f5d;border-color: #f56f5d;}

/* 翻页 */
.pagination-a{text-align: center;margin: 4px;margin-bottom: -24px;}
.pagination-a .pagination>li>a{border:none;background-color: #f1eff0;margin-right:5px;}
.pagination-a .pagination>li>a:hover{background-color: #e5e3e4;}
.pagination-a .pagination>li>.active, .pagination-a .pagination>li>.active:hover{background-color:#515050;color:#fff;}
.pagination-a .pagination>li>.rally{float: left;margin-right: 5px;border: none;background: none;}
.pagination-a .pagination>li>.rally:hover, .pagination-a .pagination>li>.rally:focus{background: none;}


/* icon */
.ico-label-text{display: inline-block;vertical-align: middle;font-size: 12px;}
.ico{display: inline-block;width: 16px;height: 16px;margin:0 5px;overflow: hidden;background: url(../../images/public-same/icons.png) no-repeat 0 0;vertical-align: middle;}
.ico-star{background-position: 0 0;}
.ico-star-act{background-position: 0 -16px;}
.ico-right{width:22px;height:22px;background-position: 0 -40px;}
.ico-right-2{background-position: 0 -640px;}
.ico-umark-1{background-position: 0 -72px}
.ico-umark-2{background-position: 0 -98px}
.ico-good{background-position: 0 -125px}
.ico-settop{width: 42px;height: 15px;background-position: 0 -181px}
.ico-essence{width: 42px;height: 15px;background-position: 0 -206px}
.ico-eyes{background-position: 0 -232px;}
.ico-share{background-position: 0 -258px;}
.ico-zoom{background-position: 0 -284px;}
.ico-set{background-position: 0 -452px}
.ico-list{width: 24px;height: 24px;background-position: 0 -303px}
.ico-book{width: 24px;height: 24px;background-position: 0 -327px}
.ico-books{width: 24px;height: 24px;background-position: 0 -567px}
.ico-pen{width: 24px;height: 24px;background-position: 0 -351px}
.ico-QA{width: 24px;height: 24px;background-position: 0 -375px}
.ico-text{width: 24px;height: 24px;background-position: 0 -399px}
.ico-horn{width: 24px;height: 24px;background-position: 0 -424px}
.ico-play{width: 48px;height: 48px;background-position: 0 -473px}
.ico-man{width: 24px;height: 24px;background-position: 0 -520px}
.ico-heart{width: 24px;height: 24px;background-position: 0 -543px}
.ico-day{width: 24px;height: 24px;background-position: 0 -592px}
.ico-chart{width: 24px;height: 24px;background-position: 0 -616px}
.ico-add{background-position: 0 -656px}
.ico-add-2{background-position: 0 -672px}
.ico-pic{width:36px;height:36px;background-position: 0 -687px}
.ico-smiling{width:36px;height:36px;background-position: 0 -723px}
.ico-refresh{background-position: 0 -760px}

.icon{display: inline-block;width: 16px;height: 16px;margin:0 5px;overflow: hidden;background: url(../../images/public-same/article-icon.png) no-repeat 0 0;vertical-align: middle;}
.icon-good{background-position: 0 0;}
.icon-star{background-position: -92px 0;}
.icon-eyes{width: 20px;background-position: -181px 0;}
.article-foot .fun-btn:hover .ico-label-text,.QA-text-foot .fun-btn:hover .ico-label-text{color: #999;}
.icon-star-act{background-position: -137px 0;}

/* 用户信息面板 */
.u-info-plane{position: absolute;z-index:99999;width:310px;border:5px solid rgba(0,0,0,0.25);font-size: 12px;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.u-info-plane .u-info-picbg{position: absolute;top:0;left:0;width: 100%;height:95px;}
.u-info-plane .col-box{position: relative;height:95px;top: 35px;margin-left:20px;color:#fff; text-align: left;}
.u-info-plane .u-photo{display: inline-block;width: 80px;min-height: 80px;overflow: hidden;}
.u-info-plane .u-photo img{width:80px;height:80px;border-radius: 50%; }
.u-info-plane .column-full{padding-left: 10px;padding-top: 5px;}
.u-info-plane .u-name{display: inline-block;font-size: 20px;vertical-align: middle;}
.u-info-plane .u-status{display: inline-block;height:24px;margin-left:5px;padding-left: 28px;background: url(about:blank) no-repeat 0 0;font-size: 12px}
.u-info-plane .u-teacher-status{background-image: url(/group/static/images/public-same/004.png);}
.u-info-plane .u-student-status{background-image: url(/group/static/images/public-same/005.png);}
.u-info-plane .u-status .text{display:block;height:18px;border-radius: 2px;margin-top:3px;padding-right: 10px;color:#fff;}
.u-info-plane .u-teacher-status .text{background-color: #ffad0f;}
.u-info-plane .u-student-status .text{background-color: #515050;}
.u-info-plane .u-title{display: block;}
.u-info-plane .u-introduction{color:#666;padding:25px 20px 20px;background-color: #fff; text-align: left; word-break:break-all;}
.u-info-plane .row{border-top:1px solid #ccc;background-color: #f5f5f5;padding-left:10px;padding-right: 20px;}
.u-info-plane .list-inline{text-align: center;padding:10px 0;}
.u-info-plane .list-inline li{border-left:1px solid #ccc;}
.u-info-plane .list-inline li:first-child{border-left:none;}
.u-info-plane .list-inline .i-num{display: block;min-width:50px;font-size: 16px;color: #000}
.u-info-plane .pull-right .btn-box{margin-top:17px;}
.u-info-plane .pull-right .btn{min-width:60px;height: 28px;padding:5px;line-height: 16px}

/* 热门标签 */
.hot-tag-box{}
.hot-tag-boxin{margin-top: -5px;}
.main-area-right .hot-tag-box{margin-bottom: 20px;background-color: white;}
.hot-tag-igroup{display: inline-block;border-radius: 2px;vertical-align: middle;white-space: nowrap;overflow: hidden;color: #999;}
.hot-tag, .hot-tag-igroup .hot-tag:hover{display:inline-block;height:24px;line-height:24px;padding:0 5px;border-radius: 2px;vertical-align: middle;background-color: #dee7e5;color: #999;font-size: 12px}
.hot-tag:hover, .hot-tag-act{background-color: #c2d2cf;color: #666}
.hot-tag-del{display: inline-block;width:24px;height:24px;line-height:24px;background-color: #f5f5f5;text-align: center;cursor: pointer;}
.hot-tag-del:hover{background-color: #ffad0f;color:#fff;}
.hot-tag-igroup .hot-tag, .hot-tag-igroup .hot-tag-del{vertical-align: top;border-radius: 0;}
.hot-tag-boxin>.hot-tag, .hot-tag-igroup{margin-top: 5px;margin-right: 5px;}